﻿var PlaceID = -1;
var ScenicCultureID = -1;
var BookingID = -1;
var CarriageID = -1;
var ContactID = -1;
var HotelID = -1;
var InformationCustomreID = -1;
var IntroductionID = -1;
var NewsID = -1;
var QuestionID = -1;
var RentID = -1;
var RouteID = -1;
var TourID = -1;
var TourGuiderID = -1;
window.onload = function () {
    ThongKe('1',$('#tool1').find('select').val());
   
}
//document.onselectstart = new Function("return false");

//Hàm xửa lý dữ liệu sever gửi về khi gọi callback
function ReceiveServerData(val, conten) {
    if (val == 'out') {
        window.location='DangNhap.aspx';
    }
    if (conten == 'PlaceInsertOrUpdate') {
        ReceivePlaceInsertOrUpdate(val);
    }
    else if (conten == 'PlaceDelete') {
        ReceivePlaceDelete(val);

    }
    else if (conten == 'ScenicCultureInsertOrUpdate') {
        ReceiveScenicCultureInsertOrUpdate(val);

    }
    else if (conten == 'ScenicCultureDelete') {
        ReceiveScenicCultureDelete(val);

    }
    else if (conten == 'BookingInsertOrUpdate') {
        ReceiveBookingInsertOrUpdate(val);
    }

    else if (conten == 'Bookingdelete') {
        ReceiveBookingDelete(val);
    }

    else if (conten == 'CarriageInsertOrUpdate') {
        ReceiveCarriageInsertOrUpdate(val);

    }

    else if (conten == 'CarriageDelete') {
        ReceiveCarriageDelete(val);

    }

    else if (conten == 'ContactInsertOrUpdate') {
        ReceiveContactInsertOrUpdate(val);

    }

    else if (conten == 'ContactDelete') {
        ReceiveContactDelete(val);


    }

    else if (conten == 'HotelInsertOrUpdate') {
        ReceiveHotelInsertOrUpdate(val);
    }
    else if (conten == 'Hoteldelete') {
        ReceiveHoteldelete(val);

    }

    else if (conten == 'InformationCustomerInsertOrUpdate') {
        ReceiveInformationCustomerInsertOrUpdate(val);

    }
    else if (conten == 'InformationCustomerdelete') {
        ReceiveInformationCustomerDelete(val);

    }

    else if (conten == 'IntroductionInsertOrUpdate') {
        ReceiveIntroductionInsertOrUpdate(val);

    }
    else if (conten == 'IntroductionDelete') {
        ReceiveIntroductionDelete(val);
    }

    else if (conten == 'NewsInsertOrUpdate') {
        ReceiveNewsInsertOrUpdate(val);

    }
    else if (conten == 'Newsdelete') {
        ReceiveNewsDelete(val);
    }
    else if (conten == 'QuestionInsertOrUpdate') {
        ReceiveQuestionInsertOrUpdate(val);


    }
    else if (conten == 'QuestionDelete') {
        ReceiveQuestionDelete(val);
    }


    else if (conten == 'RentInsertOrUpdate') {
        ReceiveRentInsertOrUpdate(val);


    }
    else if (conten == 'RentDelete') {
        ReceiveRentDelete(val);
    }

    else if (conten == 'RouteInsertOrUpdate') {
        ReceiveRouteInsertOrUpdate(val);


    }
    else if (conten == 'RouteDelete') {
        ReceiveRouteDelete(val);

    }

    else if (conten == 'TourGuiderInsertOrUpdate') {
        ReceiveTourGuiderInsertOrUpdate(val);

    }
    else if (conten == 'TourGuiderdelete') {
        ReceiveTourGuiderdelete(val);
    }

    else if (conten == 'TourInsertOrUpdate') {
        ReceiveTourInsertOrUpdate(val);


    }
    else if (conten == 'Tourdelete') {
        ReceiveTourdelete(val);

    }
    else if (conten == 'CustomerStateChange') {
        ReceiveCustomerStateChange(val);
    }

    else if (conten == 'BookingPayChange') {
        ReceiveBookingPayChange(val);
    }
}

//hàm lỗi khi gọi callback
function Error() {
    alert('Lỗi');
}


function manager(modun) {
    window.location.hash = modun + '/Manager';
    document.getElementById('txtsearch').value = '';
    $('#tool1').css('display','none');
     $('#tool2').css('display', 'block');
    $('#btadd').css('display', 'block').unbind('click').click(function () {
        addNew(modun);
    });

    $('#btremove').css('display', 'none').unbind('click').click(function () {
        Delete(modun, 'mullti');
    });

    $('#btmanager').css('display', 'none').unbind('click').click(function () {
        manager(modun);
    });
    $('#btsave').css('display', 'none').unbind('click').click(function () {
        save(modun);
    });

    $('#btpreview').css('display', 'none');

    $('.cnsearch').css('display', 'block').find('#btsearch').css('display', 'block').unbind('click').click(function () {
        var txtsearch = document.getElementById('txtsearch');
        if (txtsearch.value != '') {
            loadData(modun, '10@1', txtsearch.value, '1@desc');

        }
    });

    $('.cnsearch').css('display', 'block').find('#btrefresh').css('display', 'block').unbind('click').click(function () {
        document.getElementById('txtsearch').value = '';
        loadData(modun, '10@1', '', '1@desc');

    });
    loadData(modun, '10@1', '', '1@desc');
}

function addNew(modun) {
    window.location.hash = modun + '/addNew';
     $('#tool2').css('display', 'block');
    $('#btadd').css('display', 'none').unbind('click').click(function () {
        addNew(modun);
    });
    $('#btremove').css('display', 'none');
    $('.cnsearch').css('display', 'none');
    $('#btmanager').css('display', 'block').unbind('click').click(function () {
        manager(modun);
    });
    $('#btsave').css('display', 'block');
    LoadForm(modun);
}

function loadData(modun, page, filter, sort) {
    document.getElementById("mask").style.display = "block";
    $.ajax({
        type: "get",
        url: 'Process.aspx?loadData=' + page + ',' + filter + ',' + sort + '&modun=' + modun,
        async: true,
        success: function (val) {

            if (val == 'out') {
                window.location='DangNhap.aspx';
            }
            $("#data").html(val);
            document.getElementById("mask").style.display = "none";
            eval('CreateEvent();');
        }
    })
}

function LoadForm(modun) {
    document.getElementById("mask").style.display = "block";
    jQuery.ajax({
        type: "get",
        url: 'Process.aspx?loadForm=' + modun,
        async: true,
        success: function (val) {

            if (val == 'out') {
                window.open(location.reload(true));
            }
            $("#data").html(val);


            if (modun == 'Place') {
                LoadFormPlace();
            }
            else if (modun == 'ScenicCulture') {
                LoadFormScenic_Culture();
            }
            else if (modun == 'Booking') {
                LoadFormBooking();

            }

            else if (modun == 'Carriage') {
                LoadFormCarriage();

            }

            else if (modun == 'Contact') {
                LoadFormContact();

            }
            else if (modun == 'Hotel') {
                LoadFormHotel();

            }

            else if (modun == 'InformationCustomer') {
                LoadFormInformationCustomer();
            }

            else if (modun == 'News') {
                LoadFormNews();
            }
            else if (modun == 'Question') {
                LoadFormQuestion();
            }
            else if (modun == 'Rent') {

                RentID = -1;
            }
            else if (modun == 'Route') {
                LoadFormRoute();
            }
            else if (modun == 'Tour') {

                LoadFormTour();
            }
            else if (modun == 'TourGuider') {
                LoadFormTourGuider();
            }
            document.getElementById("mask").style.display = "none";
        }

    })
}

function getEdit(modun, id) {
    document.getElementById("mask").style.display = "block";
    $('#tool1').css('display','none');
     $('#tool2').css('display', 'block');
    $('#btadd').css('display', 'none').unbind('click').click(function () {
        addNew(modun);
    });
    $('#btremove').css('display', 'none');
    $('.cnsearch').css('display', 'none');
    $('#btmanager').css('display', 'block').unbind('click').click(function () {
        manager(modun);
    });
    $('#btsave').css('display', 'block').unbind('click').click(function () {
        save(modun);
    });
    if (modun == 'Introduction') {
        $('#btmanager').css('display', 'none');
    }
    //$('#btpreview').css('display', 'block');
    $.ajax({
        type: "get",
        url: 'Process.aspx?getEdit=' + modun + '&val=' + id,
        async: true,
        success: function (val) {

            if (val == 'out') {
                window.open(location.reload(true));
            }
            $('#data').html(val);
            if (modun == 'Place') {
                PlaceEdit(id);
            }
            if (modun == 'ScenicCulture') {
                Scenic_CultureEdit(id);
            }

            if (modun == 'Booking') {
                BookingEdit(id);

            }

            if (modun == 'Carriage') {
                CarriageID = id;
            }
            if (modun == 'Contact') {
                ContactID = id;
            }
            if (modun == 'Hotel') {
                HotelEdit(id);

            }

            if (modun == 'InformationCustomer') {
                InformationCustomerEdit(id);

            }

            if (modun == 'Introduction') {
                IntroductionEdit(id);
            }

            if (modun == 'News') {
                NewsEdit(id);
            }

            if (modun == 'Question') {
                QuestionEdit(id);
            }

            if (modun == 'Rent') {
                RentID = id;
            }
            if (modun == 'Route') {
                RouteEdit(id);
            }
            if (modun == 'Tour') {
                TourEdit(id);
            }

            if (modun == 'TourGuider') {

                TourGuiderEdit(id);
            }
            document.getElementById("mask").style.display = "none";
        }
    })
}

function save(modun) {

    if (modun == 'Place') {
        PlaceInsertOrUpdate();
    }
    else if (modun == 'ScenicCulture') {
        Scenic_CultureInsertOrUpdate();
    }
    else if (modun == 'Booking') {
        BookingSave();
    }
    else if (modun == 'Carriage') {
        CarriageSave();
    }
    else if (modun == 'Contact') {
        ContactSave();
    }
    else if (modun == 'Hotel') {
        HotelSave();
    }
    else if (modun == 'InformationCustomer') {
        InformationCustomerSave();
    }
    else if (modun == 'Introduction') {
        IntroductionSave();
    }
    else if (modun == 'News') {
        NewsSave();
    }
    else if (modun == 'Question') {
        QuestionSave();
    }
    else if (modun == 'Rent') {
        RentSave();
    }
    else if (modun == 'Route') {
        RouteSave();
    }
    else if (modun == 'Tour') {
        TourSave();
    }
    else if (modun == 'TourGuider') {
        TourGuiderSave();
    }
}

function Delete(modun, val) {

    var id = "";
    if (val == 'mullti') {
        var ckitem = document.getElementById('data').getElementsByTagName('input');
        for (var i = 0; i < ckitem.length; i++) {
            if (ckitem.item(i).id == 'ckitem' && ckitem.item(i).checked) {
                id += (id == "" ? ckitem.item(i).getAttribute("value") : ',' + ckitem.item(i).getAttribute("value"));
            }
        }
    }
    else
        id = val;
    if (id != '') {
        if (confirm('Bạn có chắc chắn muốn xoá thông tin đã chọn?')) {
            document.getElementById("mask").style.display = "block";
            if (modun == 'Place') {
                CallServerData(id + '?PlaceDelete', 'PlaceDelete');
            }
            else if (modun == 'ScenicCulture') {
                CallServerData(id + '?scenicculturedelete', 'ScenicCultureDelete');
            }
            else if (modun == 'TourGuider') {
                CallServerData(id + '?TourGuiderdelete', 'TourGuiderdelete');
            }
            else if (modun == 'Hotel') {
                CallServerData(id + '?Hoteldelete', 'Hoteldelete');
            }
            else if (modun == 'Tour')
                CallServerData(id + '?Tourdelete', 'Tourdelete');
            else if (modun == 'News')
                CallServerData(id + '?Newsdelete', 'Newsdelete');
            else if (modun == 'Booking')
                CallServerData(id + '?Bookingdelete', 'Bookingdelete');
            else if (modun == 'InformationCustomer')
                CallServerData(id + '?InformationCustomerdelete', 'InformationCustomerdelete');
        }
    }
}
function getArg(val) {
    return val.substring(val.lastIndexOf("?") + 1, val.length).split(',');
}

function SelectAll(ck) {
    var ckitem = document.getElementsByName('ckitem');
    if (ck.checked)
        $('#btremove').css('display', 'block');
    else
        $('#btremove').css('display', 'none');
    for (var i = 0; i < ckitem.length; i++) {
        if (ckitem[i].id == 'ckitem' && ckitem[i].checked != ck.checked) {
            ckitem[i].checked = ck.checked;
            if (ck.checked)
                $(ckitem[i]).parent().parent().parent().css("background-color", "#FFD");
            else
                $(ckitem[i]).parent().parent().parent().removeAttr("style");
        }
    }

}


function Select(ck) {
    if (ck.checked == true)
        $(ck).parent().parent().parent().css("background-color", "#FFD");
    else
        $(ck).parent().parent().parent().removeAttr("style");
    var ckitem = document.getElementsByName('ckitem');
    var kt = true;
    for (var i = 0; i < ckitem.length; i++) {
        if (ckitem[i].checked) {
            kt = false;
            break;
        }
    }
    if (kt)
        $('#btremove').css('display', 'none');
    else
        $('#btremove').css('display', 'block');

}


function CreateEvent() {
    var i = 0;
    $('.gr-head th').each(function () {
        if (i > 0 && i < $('.gr-head th').length - 1) {
            $(this).attr("title", "Sắp xếp ");
        }
        $(this).attr("id", i++).css("order", "").click(function () {
            if ($(this).attr("id") != 0 && $(this).attr("id") < $('.gr-head th').length - 1) {
                var span = $('#page').find('span');
                loadData(span.attr("modun"), span.attr("page"), span.attr("filter"), $(this).attr("id") + '@' + (($(this).attr("class") == '' || $(this).attr("class") == 'sort-asc') ? 'desc' : 'asc'));
            }
        })
    });
}

function keypress(e) {
    var keypressed = null;
    if (window.event) {
        keypressed = window.event.keyCode; //IE
    }
    else {

        keypressed = e.which; //NON-IE, Standard
    }
    if (keypressed < 48 || keypressed > 57) {
        if (keypressed == 8 || keypressed == 127) {
            return;
        }
        return false;
    }
}
function trim(s) {
    return s.replace(/^\s+|\s+$/, '');
}


function ThongKe(modun, nam) {
    document.getElementById("mask").style.display = "block";
     $('#tool1').css('display', 'block');
      $('#tool2').css('display', 'none');
   $('#tool1').find('select').unbind('change').change(function () { ThongKe(modun, $(this).val()); });

    if(modun=='1')
    {
   
        $.ajax({
            type: "get",
            url: 'Process.aspx?ThongKeDoanhThu=' + nam,
            async: true,
            success: function (val) {
                var arg = val.substring(val.lastIndexOf('?') + 1, val.length).split(',');
                var DoanhThu = val.substring(0, parseInt(arg[0])).split(',');
                var LuongKhachDeRa = val.substring(parseInt(arg[0]), parseInt(arg[0]) + parseInt(arg[1])).split(',');
                var LuongKhachThuTe = val.substring(parseInt(arg[0]) + parseInt(arg[1]), parseInt(arg[0]) + parseInt(arg[1]) + parseInt(arg[2])).split(',');
                var categories = new Array('Tháng 1', 'Tháng 2', 'Tháng 3', 'Tháng 4', 'Tháng 5', 'Tháng 6',
                        'Tháng 7', 'Tháng 8', 'Tháng 9', 'Tháng 10', 'Tháng 11', 'Tháng 12');
            
                var a=new Array();
                var b=new Array();
                var c=new Array();
                for(var i=0;i<DoanhThu.length;i++)
                {
                    a[i]=parseFloat(DoanhThu[i]);
                    b[i]=parseInt(LuongKhachDeRa[i]);
                    c[i]=parseInt(LuongKhachThuTe[i]);
                }
            
                   var chart = new Highcharts.Chart({
                        chart: {
                            renderTo: 'data',
                            zoomType: 'xy'
                        },
                        title: {
                            text: 'Biểu đồ biểu thị doanh thu và lượng khách trong năm '+$('#tool1').find('select').val()
                        },
                        subtitle: {
                            text: 'Nguồn: VietNamTravel.com'
                        },
                        xAxis: [{
                            categories: categories
                        }],
                        yAxis: [{ // Secondary yAxis
                            gridLineWidth: 0,
                            title: {
                                text: 'Doanh thu',
                                style: {
                                    color: '#4572A7'
                                }
                            },
                            labels: {
                                formatter: function () {
                                    return this.value + ' VND';
                                },
                                style: {
                                    color: '#4572A7'
                                }
                            }

                        }, { // Tertiary yAxis
                            gridLineWidth: 0,
                            title: {
                                text: 'Lượng khách',
                                style: {
                                    color: '#AA4643'
                                }
                            },
                            labels: {
                                formatter: function () {
                                    return this.value + '';
                                },
                                style: {
                                    color: '#AA4643'
                                }
                            },
                            opposite: true
                        }],
                        tooltip: {
                            formatter: function () {
                                var unit = {
                                    'Doanh thu': 'VND',
                                    'Lượng khách đặt ra': 'Người',
                                    'Lượng khách thực tế': 'Người'
                                }[this.series.name];

                                return '' +
                            this.x + ': ' + this.y + ' ' + unit;
                            }
                        },
                        legend: {
                            layout: 'vertical',
                            align: 'left',
                            x: 120,
                            verticalAlign: 'top',
                            y: 80,
                            floating: true,
                            backgroundColor: '#FFFFFF'
                        },
                        series: [{
                            name: 'Doanh thu',
                            color: '#4572A7',
                            type: 'column',
                            yAxis: 0,
                            data: a

                        }, {
                            name: 'Lượng khách đặt ra',
                            type: 'spline',
                            color: '#AA4643',
                            yAxis: 1,
                            data: b,

                        }, {
                            name: 'Lượng khách thực tế',
                            color: '#89A54E',
                            type: 'spline',
                             data: c,
                            yAxis: 1,
                        }]
                    });

                    document.getElementById("mask").style.display = "none";

                }
            });
        }
        else if(modun='2')
        {
            $.ajax({
                type: "get",
                url: 'Process.aspx?ThongKeLuongKhach=' + nam,
                async: true,
                success: function (val) {
                        
                var arg = val.substring(val.lastIndexOf('?') + 1, val.length).split(',');
                var NguoiLon = val.substring(0, parseInt(arg[0])).split(',');
                var TreEm = val.substring(parseInt(arg[0]), parseInt(arg[0]) + parseInt(arg[1])).split(',');
               
                var categories = new Array('Tháng 1', 'Tháng 2', 'Tháng 3', 'Tháng 4', 'Tháng 5', 'Tháng 6',
                        'Tháng 7', 'Tháng 8', 'Tháng 9', 'Tháng 10', 'Tháng 11', 'Tháng 12');
            
                var a=new Array();
                var b=new Array();
                for(var i=0;i<NguoiLon.length;i++)
                {
                    
                    a[i]=parseInt(NguoiLon[i]);
                    b[i]=parseInt(TreEm[i]);
                }
                      var  chart = new Highcharts.Chart({
                            chart: {
                                renderTo: 'data',
                                type: 'line',
                                marginRight: 130,
                                marginBottom: 35
                            },
                            title: {
                                text: 'Biểu đồ lượng người đi du lịch theo độ tuổi năm '+$('#tool1').find('select').val(),
                                x: -20 //center
                            },
                            subtitle: {
                                text: 'Nguồn: VietNamTravel.com',
                                x: -20
                            },
                            xAxis: {
                                categories: categories
                            },
                            yAxis: {
                                title: {
                                    text: 'Lượt người'
                                },
                                plotLines: [{
                                    value: 0,
                                    width: 1,
                                    color: '#808080'
                                }]
                            },
                            tooltip: {
                                formatter: function() {
                                        return '<b>'+ this.series.name +'</b><br/>'+
                                        this.x +': '+ this.y +'Người';
                                }
                            },
                            legend: {
                                layout: 'vertical',
                                align: 'right',
                                verticalAlign: 'top',
                                x: -10,
                                y: 100,
                                borderWidth: 0
                            },
                            series: [{
                                name: 'Người lớn',
                                data: a
                            }, {
                                name: 'Trẻ em',
                                data: b
                            }]
                        });

                         document.getElementById("mask").style.display = "none";
                }
            });
        }


                                  setTimeout(function () {
                            $('text').each(function () {
                                if ($(this).text() == 'Highcharts.com')
                                    $(this).hide();
                            });
                        }, 300);
}
